import { View } from '@tarojs/components';
import s from './index.module.scss'
import { useState } from 'react';
import classNames from 'classnames';

export default function Index() {
  const [active, setAcitve] = useState(false)
  const __text = classNames(s.text,{
    [s.letter]: active
  })
  
  return(
      <View 
      className={s.container}
      onClick={() => { setAcitve(!active) }}
      >
        <View className={__text}>fantastic</View>
      </View>
  )
}